<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>Fontawesome - Ace Admin</title>

		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="../assets/css/bootstrap.css" />
		<link rel="stylesheet" href="../components/font-awesome/css/font-awesome.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../assets/css/ace-fonts.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
			<link rel="stylesheet" href="../assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->
		<link rel="stylesheet" href="../assets/css/ace-skins.css" />
		<link rel="stylesheet" href="../assets/css/ace-rtl.css" />

		<!--[if lte IE 9]>
		  <link rel="stylesheet" href="../assets/css/ace-ie.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../assets/js/ace-extra.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../components/html5shiv/dist/html5shiv.min.js"></script>
		<script src="../components/respond/dest/respond.min.js"></script>
		<![endif]-->
		
		<style>
		.fontawesome-icon-list{margin-top:22px}
		.fontawesome-icon-list .fa-hover a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;color:#222;line-height:32px;height:32px;padding-left:10px;border-radius:4px}
		.fontawesome-icon-list .fa-hover a .fa{width:32px;font-size:14px;display:inline-block;text-align:right;margin-right:10px}
		.fontawesome-icon-list .fa-hover a:hover,.fontawesome-icon-list .fa-hover a:hover input{background-color:#1d9d74;color:#fff;text-decoration:none}.fontawesome-icon-list .fa-hover a:hover .fa{font-size:28px;vertical-align:-6px}.fontawesome-icon-list .fa-hover a:hover .text-muted{color:#bbe2d5}.feature-list .col-md-4{margin-bottom:22px}.feature-list h4 .fa:before{vertical-align:-10%;font-size:28px;display:inline-block;width:1.07142857em;text-align:center;margin-right:5px}.rating{unicode-bidi:bidi-override;direction:rtl;font-size:30px}
		.icon-name { border:0 }
		</style>
	</head>

	<body class="no-skin">
		<!-- #section:basics/navbar.layout -->
		<div id="navbar" class="navbar navbar-default          ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<!-- #section:basics/sidebar.mobile.toggle -->
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<!-- /section:basics/sidebar.mobile.toggle -->
				<div class="navbar-header pull-left">
					<!-- #section:basics/navbar.layout.brand -->
					<a href="#" class="navbar-brand">
						<small>
							<i class="fa fa-leaf"></i>
							Ace Admin
						</small>
					</a>

					<!-- /section:basics/navbar.layout.brand -->

					<!-- #section:basics/navbar.toggle -->

					<!-- /section:basics/navbar.toggle -->
				</div>

				<!-- #section:basics/navbar.dropdown -->
				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li class="grey dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-tasks"></i>
								<span class="badge badge-grey">4</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-check"></i>
									4 Tasks to complete
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Software Update</span>
													<span class="pull-right">65%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:65%" class="progress-bar"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Hardware Upgrade</span>
													<span class="pull-right">35%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:35%" class="progress-bar progress-bar-danger"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Unit Testing</span>
													<span class="pull-right">15%</span>
												</div>

												<div class="progress progress-mini">
													<div style="width:15%" class="progress-bar progress-bar-warning"></div>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">Bug Fixes</span>
													<span class="pull-right">90%</span>
												</div>

												<div class="progress progress-mini progress-striped active">
													<div style="width:90%" class="progress-bar progress-bar-success"></div>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See tasks with details
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="purple dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-bell icon-animated-bell"></i>
								<span class="badge badge-important">8</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-exclamation-triangle"></i>
									8 Notifications
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar navbar-pink">
										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
														New Comments
													</span>
													<span class="pull-right badge badge-info">+12</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<i class="btn btn-xs btn-primary fa fa-user"></i>
												Bob just signed up as an editor ...
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
														New Orders
													</span>
													<span class="pull-right badge badge-success">+8</span>
												</div>
											</a>
										</li>

										<li>
											<a href="#">
												<div class="clearfix">
													<span class="pull-left">
														<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
														Followers
													</span>
													<span class="pull-right badge badge-info">+11</span>
												</div>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="#">
										See all notifications
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<li class="green dropdown-modal">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
								<span class="badge badge-success">5</span>
							</a>

							<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
								<li class="dropdown-header">
									<i class="ace-icon fa fa-envelope-o"></i>
									5 Messages
								</li>

								<li class="dropdown-content">
									<ul class="dropdown-menu dropdown-navbar">
										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Alex:</span>
														Ciao sociis natoque penatibus et auctor ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>a moment ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Susan:</span>
														Vestibulum id ligula porta felis euismod ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>20 minutes ago</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Bob:</span>
														Nullam quis risus eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>3:15 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Kate:</span>
														Ciao sociis natoque eget urna mollis ornare ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>1:33 pm</span>
													</span>
												</span>
											</a>
										</li>

										<li>
											<a href="#" class="clearfix">
												<img src="../assets/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />
												<span class="msg-body">
													<span class="msg-title">
														<span class="blue">Fred:</span>
														Vestibulum id penatibus et auctor  ...
													</span>

													<span class="msg-time">
														<i class="ace-icon fa fa-clock-o"></i>
														<span>10:09 am</span>
													</span>
												</span>
											</a>
										</li>
									</ul>
								</li>

								<li class="dropdown-footer">
									<a href="inbox.html">
										See all messages
										<i class="ace-icon fa fa-arrow-right"></i>
									</a>
								</li>
							</ul>
						</li>

						<!-- #section:basics/navbar.user_menu -->
						<li class="light-blue dropdown-modal">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="../assets/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>

								<i class="ace-icon fa fa-caret-down"></i>
							</a>

							<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="ace-icon fa fa-cog"></i>
										Settings
									</a>
								</li>

								<li>
									<a href="profile.html">
										<i class="ace-icon fa fa-user"></i>
										Profile
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="#">
										<i class="ace-icon fa fa-power-off"></i>
										Logout
									</a>
								</li>
							</ul>
						</li>

						<!-- /section:basics/navbar.user_menu -->
					</ul>
				</div>

				<!-- /section:basics/navbar.dropdown -->
			</div><!-- /.navbar-container -->
		</div>

		<!-- /section:basics/navbar.layout -->
		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try{ace.settings.loadState('main-container')}catch(e){}
			</script>

			<!-- #section:basics/sidebar -->
			<div id="sidebar" class="sidebar                  responsive                    ace-save-state">
				<script type="text/javascript">
					try{ace.settings.loadState('sidebar')}catch(e){}
				</script>

				<div class="sidebar-shortcuts" id="sidebar-shortcuts">
					<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
						<button class="btn btn-success">
							<a href="###" class="btn-success"><i class="ace-icon fa fa-signal"></i></a>
						</button>

						<button class="btn btn-info">
							<i class="ace-icon fa fa-pencil"></i>
						</button>

						<!-- #section:basics/sidebar.layout.shortcuts -->
						<button class="btn btn-warning">
							<i class="ace-icon fa fa-users"></i>
						</button>

						<button class="btn btn-danger">
							<i class="ace-icon fa fa-cogs"></i>
						</button>

						<!-- /section:basics/sidebar.layout.shortcuts -->
					</div>

					<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
						<span class="btn btn-success"></span>

						<span class="btn btn-info"></span>

						<span class="btn btn-warning"></span>

						<span class="btn btn-danger"></span>
					</div>
				</div><!-- /.sidebar-shortcuts -->

				<ul class="nav nav-list">
					<li class="">
						<a href="index.html">
							<i class="menu-icon fa fa-tachometer"></i>
							<span class="menu-text"> Dashboard </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-desktop"></i>
							<span class="menu-text">
								UI &amp; Elements
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="#" class="dropdown-toggle">
									<i class="menu-icon fa fa-caret-right"></i>

									Layouts
									<b class="arrow fa fa-angle-down"></b>
								</a>

								<b class="arrow"></b>

								<ul class="submenu">
									<li class="">
										<a href="top-menu.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Top Menu
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="two-menu-1.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Two Menus 1
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="two-menu-2.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Two Menus 2
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-1.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Default Mobile Menu
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-2.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Mobile Menu 2
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="mobile-menu-3.html">
											<i class="menu-icon fa fa-caret-right"></i>
											Mobile Menu 3
										</a>

										<b class="arrow"></b>
									</li>
								</ul>
							</li>

							<li class="">
								<a href="typography.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Typography
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="elements.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Elements
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="buttons.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Buttons &amp; Icons
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="content-slider.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Content Sliders
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="treeview.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Treeview
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="jquery-ui.html">
									<i class="menu-icon fa fa-caret-right"></i>
									jQuery UI
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="nestable-list.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Nestable Lists
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="#" class="dropdown-toggle">
									<i class="menu-icon fa fa-caret-right"></i>

									Three Level Menu
									<b class="arrow fa fa-angle-down"></b>
								</a>

								<b class="arrow"></b>

								<ul class="submenu">
									<li class="">
										<a href="#">
											<i class="menu-icon fa fa-leaf green"></i>
											Item #1
										</a>

										<b class="arrow"></b>
									</li>

									<li class="">
										<a href="#" class="dropdown-toggle">
											<i class="menu-icon fa fa-pencil orange"></i>

											4th level
											<b class="arrow fa fa-angle-down"></b>
										</a>

										<b class="arrow"></b>

										<ul class="submenu">
											<li class="">
												<a href="#">
													<i class="menu-icon fa fa-plus purple"></i>
													Add Product
												</a>

												<b class="arrow"></b>
											</li>

											<li class="">
												<a href="#">
													<i class="menu-icon fa fa-eye pink"></i>
													View Products
												</a>

												<b class="arrow"></b>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-list"></i>
							<span class="menu-text"> Tables </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="tables.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Simple &amp; Dynamic
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="jqgrid.html">
									<i class="menu-icon fa fa-caret-right"></i>
									jqGrid plugin
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-pencil-square-o"></i>
							<span class="menu-text"> Forms </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="form-elements.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Form Elements
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="form-elements-2.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Form Elements 2
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="form-wizard.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Wizard &amp; Validation
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="wysiwyg.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Wysiwyg &amp; Markdown
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="dropzone.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Dropzone File Upload
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="">
						<a href="widgets.html">
							<i class="menu-icon fa fa-list-alt"></i>
							<span class="menu-text"> Widgets </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="calendar.html">
							<i class="menu-icon fa fa-calendar"></i>

							<span class="menu-text">
								Calendar

								<!-- #section:basics/sidebar.layout.badge -->
								<span class="badge badge-transparent tooltip-error" title="2 Important Events">
									<i class="ace-icon fa fa-exclamation-triangle red bigger-130"></i>
								</span>

								<!-- /section:basics/sidebar.layout.badge -->
							</span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="gallery.html">
							<i class="menu-icon fa fa-picture-o"></i>
							<span class="menu-text"> Gallery </span>
						</a>

						<b class="arrow"></b>
					</li>

					<li class="">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-tag"></i>
							<span class="menu-text"> More Pages </span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="profile.html">
									<i class="menu-icon fa fa-caret-right"></i>
									User Profile
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="inbox.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Inbox
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="pricing.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Pricing Tables
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="invoice.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Invoice
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="timeline.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Timeline
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="search.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Search Results
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="email.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Email Templates
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="login.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Login &amp; Register
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>

					<li class="active open">
						<a href="#" class="dropdown-toggle">
							<i class="menu-icon fa fa-file-o"></i>

							<span class="menu-text">
								Other Pages

								<!-- #section:basics/sidebar.layout.badge -->
								<span class="badge badge-primary">5</span>

								<!-- /section:basics/sidebar.layout.badge -->
							</span>

							<b class="arrow fa fa-angle-down"></b>
						</a>

						<b class="arrow"></b>

						<ul class="submenu">
							<li class="">
								<a href="faq.html">
									<i class="menu-icon fa fa-caret-right"></i>
									FAQ
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="error-404.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Error 404
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="error-500.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Error 500
								</a>

								<b class="arrow"></b>
							</li>

							<li class="">
								<a href="grid.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Grid
								</a>

								<b class="arrow"></b>
							</li>

							<li class="active">
								<a href="blank.html">
									<i class="menu-icon fa fa-caret-right"></i>
									Blank Page
								</a>

								<b class="arrow"></b>
							</li>
						</ul>
					</li>
				</ul><!-- /.nav-list -->

				<!-- #section:basics/sidebar.layout.minimize -->
				<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
					<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
				</div>

				<!-- /section:basics/sidebar.layout.minimize -->
			</div>

			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<div class="main-content-inner">
					<!-- #section:basics/content.breadcrumbs -->
					<div class="breadcrumbs ace-save-state" id="breadcrumbs">
						<ul class="breadcrumb">
							<li>
								<i class="ace-icon fa fa-home home-icon"></i>
								<a href="#">Home</a>
							</li>

							<li>
								<a href="#">Other Pages</a>
							</li>
							<li class="active">Blank Page</li>
						</ul><!-- /.breadcrumb -->

						<!-- #section:basics/content.searchbox -->
						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="ace-icon fa fa-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- /.nav-search -->

						<!-- /section:basics/content.searchbox -->
					</div>

					<!-- /section:basics/content.breadcrumbs -->
					<div class="page-content">
						<!-- #section:settings.box -->
						<div class="ace-settings-container" id="ace-settings-container">
							<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
								<i class="ace-icon fa fa-cog bigger-130"></i>
							</div>

							<div class="ace-settings-box clearfix" id="ace-settings-box">
								<div class="pull-left width-50">
									<!-- #section:settings.skins -->
									<div class="ace-settings-item">
										<div class="pull-left">
											<select id="skin-colorpicker" class="hide">
												<option data-skin="no-skin" value="#438EB9">#438EB9</option>
												<option data-skin="skin-1" value="#222A2D">#222A2D</option>
												<option data-skin="skin-2" value="#C6487E">#C6487E</option>
												<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
											</select>
										</div>
										<span>&nbsp; Choose Skin</span>
									</div>

									<!-- /section:settings.skins -->

									<!-- #section:settings.navbar -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-navbar" autocomplete="off" />
										<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
									</div>

									<!-- /section:settings.navbar -->

									<!-- #section:settings.sidebar -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-sidebar" autocomplete="off" />
										<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
									</div>

									<!-- /section:settings.sidebar -->

									<!-- #section:settings.breadcrumbs -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-breadcrumbs" autocomplete="off" />
										<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
									</div>

									<!-- /section:settings.breadcrumbs -->

									<!-- #section:settings.rtl -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" autocomplete="off" />
										<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
									</div>

									<!-- /section:settings.rtl -->

									<!-- #section:settings.container -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2 ace-save-state" id="ace-settings-add-container" autocomplete="off" />
										<label class="lbl" for="ace-settings-add-container">
											Inside
											<b>.container</b>
										</label>
									</div>

									<!-- /section:settings.container -->
								</div><!-- /.pull-left -->

								<div class="pull-left width-50">
									<!-- #section:basics/sidebar.options -->
									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" autocomplete="off" />
										<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
									</div>

									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" autocomplete="off" />
										<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
									</div>

									<div class="ace-settings-item">
										<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" autocomplete="off" />
										<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
									</div>

									<!-- /section:basics/sidebar.options -->
								</div><!-- /.pull-left -->
							</div><!-- /.ace-settings-box -->
						</div><!-- /.ace-settings-container -->

						<!-- /section:settings.box -->
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
									<small><button data-toggle="dropdown" class="btn btn-mini btn-info dropdown-toggle"> Quick <i class="ace-icon fa fa-angle-down icon-on-right"></i>
		</button>
		<ul class="dropdown-menu dropdown-default">
            <li><a href=""><i class="fa fa-flag fa-fw" aria-hidden="true"></i>&nbsp; All Icons</a></li>
            <li class="divider"></li>
            <li><a href="#new"><i class="fa fa-wheelchair-alt fa-fw" aria-hidden="true"></i>&nbsp; New Icons in 4.6</a></li>
            <li><a href="#web-application"><i class="fa fa-camera-retro fa-fw" aria-hidden="true"></i>&nbsp; Web Application Icons</a></li>
            <li><a href="#accessibility"><i class="fa fa-universal-access fa-fw" aria-hidden="true"></i>&nbsp; Accessibility Icons</a></li>
            <li><a href="#hand"><i class="fa fa-hand-spock-o fa-fw" aria-hidden="true"></i>&nbsp; Hand Icons</a></li>
            <li><a href="#transportation"><i class="fa fa-ship fa-fw" aria-hidden="true"></i>&nbsp; Transportation Icons</a></li>
            <li><a href="#gender"><i class="fa fa-venus fa-fw" aria-hidden="true"></i>&nbsp; Gender Icons</a></li>
            <li><a href="#file-type"><i class="fa fa-file-image-o fa-fw" aria-hidden="true"></i>&nbsp; File Type Icons</a></li>
            <li><a href="#spinner"><i class="fa fa-spinner fa-fw" aria-hidden="true"></i>&nbsp; Spinner Icons</a></li>
            <li><a href="#form-control"><i class="fa fa-check-square fa-fw" aria-hidden="true"></i>&nbsp; Form Control Icons</a></li>
            <li><a href="#payment"><i class="fa fa-credit-card fa-fw" aria-hidden="true"></i>&nbsp; Payment Icons</a></li>
            <li><a href="#chart"><i class="fa fa-pie-chart fa-fw" aria-hidden="true"></i>&nbsp; Chart Icons</a></li>
            <li><a href="#currency"><i class="fa fa-won fa-fw" aria-hidden="true"></i>&nbsp; Currency Icons</a></li>
            <li><a href="#text-editor"><i class="fa fa-file-text-o fa-fw" aria-hidden="true"></i>&nbsp; Text Editor Icons</a></li>
            <li><a href="#directional"><i class="fa fa-arrow-right fa-fw" aria-hidden="true"></i>&nbsp; Directional Icons</a></li>
            <li><a href="#video-player"><i class="fa fa-play-circle fa-fw" aria-hidden="true"></i>&nbsp; Video Player Icons</a></li>
            <li><a href="#brand"><i class="fa fa-facebook-official fa-fw" aria-hidden="true"></i>&nbsp; Brand Icons</a></li>
            <li><a href="#medical"><i class="fa fa-medkit fa-fw" aria-hidden="true"></i>&nbsp; Medical Icons</a></li>
          </ul>
		</small> 
		
		
		<div id="icons">
    <section id="new">
  <h2 class="page-header">41 New Icons in 4.7</h2>
  

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-book" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-book" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-book-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-book-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-card-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-card-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bandcamp" aria-hidden="true"></i> <input class="icon-name input-sm" value="bandcamp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bath" aria-hidden="true"></i> <input class="icon-name input-sm" value="bath" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bathtub" aria-hidden="true"></i> <input class="icon-name input-sm" value="bathtub" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drivers-license" aria-hidden="true"></i> <input class="icon-name input-sm" value="drivers-license" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="drivers-license-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eercast" aria-hidden="true"></i> <input class="icon-name input-sm" value="eercast" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-open" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-open" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-open-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-etsy" aria-hidden="true"></i> <input class="icon-name input-sm" value="etsy" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <input class="icon-name input-sm" value="free-code-camp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-grav" aria-hidden="true"></i> <input class="icon-name input-sm" value="grav" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-handshake-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="handshake-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-badge" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-badge" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-card-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-card-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-imdb" aria-hidden="true"></i> <input class="icon-name input-sm" value="imdb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linode" aria-hidden="true"></i> <input class="icon-name input-sm" value="linode" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meetup" aria-hidden="true"></i> <input class="icon-name input-sm" value="meetup" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microchip" aria-hidden="true"></i> <input class="icon-name input-sm" value="microchip" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-podcast" aria-hidden="true"></i> <input class="icon-name input-sm" value="podcast" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quora" aria-hidden="true"></i> <input class="icon-name input-sm" value="quora" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ravelry" aria-hidden="true"></i> <input class="icon-name input-sm" value="ravelry" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-s15" aria-hidden="true"></i> <input class="icon-name input-sm" value="s15" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shower" aria-hidden="true"></i> <input class="icon-name input-sm" value="shower" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="snowflake-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-superpowers" aria-hidden="true"></i> <input class="icon-name input-sm" value="superpowers" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-telegram" aria-hidden="true"></i> <input class="icon-name input-sm" value="telegram" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-0" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-1" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-2" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-3" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-4" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-empty" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-full" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-half" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-quarter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-three-quarters" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-rectangle" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-rectangle-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vcard" aria-hidden="true"></i> <input class="icon-name input-sm" value="vcard" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vcard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="vcard-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-close" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-close" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-close-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-close-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-maximize" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-maximize" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-minimize" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-minimize" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-restore" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-restore" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpexplorer" /> </a></div>
    
  </div>

</section>

    <section id="web-application">
  <h2 class="page-header">Web Application Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-book" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-book" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-book-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-book-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-address-card-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="address-card-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-adjust" aria-hidden="true"></i> <input class="icon-name input-sm" value="adjust" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="american-sign-language-interpreting" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-anchor" aria-hidden="true"></i> <input class="icon-name input-sm" value="anchor" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-archive" aria-hidden="true"></i> <input class="icon-name input-sm" value="archive" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-area-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="area-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-h" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-v" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="asl-interpreting" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <input class="icon-name input-sm" value="assistive-listening-systems" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asterisk" aria-hidden="true"></i> <input class="icon-name input-sm" value="asterisk" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-at" aria-hidden="true"></i> <input class="icon-name input-sm" value="at" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-audio-description" aria-hidden="true"></i> <input class="icon-name input-sm" value="audio-description" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-automobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="automobile" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-balance-scale" aria-hidden="true"></i> <input class="icon-name input-sm" value="balance-scale" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ban" aria-hidden="true"></i> <input class="icon-name input-sm" value="ban" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bank" aria-hidden="true"></i> <input class="icon-name input-sm" value="bank" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-barcode" aria-hidden="true"></i> <input class="icon-name input-sm" value="barcode" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bars" aria-hidden="true"></i> <input class="icon-name input-sm" value="bars" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bath" aria-hidden="true"></i> <input class="icon-name input-sm" value="bath" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bathtub" aria-hidden="true"></i> <input class="icon-name input-sm" value="bathtub" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-0" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-0" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-1" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-2" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-3" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-4" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-4" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-empty" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-full" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-half" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-quarter" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-quarter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-battery-three-quarters" aria-hidden="true"></i> <input class="icon-name input-sm" value="battery-three-quarters" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bed" aria-hidden="true"></i> <input class="icon-name input-sm" value="bed" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-beer" aria-hidden="true"></i> <input class="icon-name input-sm" value="beer" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-slash" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bell-slash-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bell-slash-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bicycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="bicycle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-binoculars" aria-hidden="true"></i> <input class="icon-name input-sm" value="binoculars" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-birthday-cake" aria-hidden="true"></i> <input class="icon-name input-sm" value="birthday-cake" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-blind" aria-hidden="true"></i> <input class="icon-name input-sm" value="blind" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth-b" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bolt" aria-hidden="true"></i> <input class="icon-name input-sm" value="bolt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bomb" aria-hidden="true"></i> <input class="icon-name input-sm" value="bomb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-book" aria-hidden="true"></i> <input class="icon-name input-sm" value="book" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bookmark" aria-hidden="true"></i> <input class="icon-name input-sm" value="bookmark" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bookmark-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bookmark-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-braille" aria-hidden="true"></i> <input class="icon-name input-sm" value="braille" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-briefcase" aria-hidden="true"></i> <input class="icon-name input-sm" value="briefcase" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bug" aria-hidden="true"></i> <input class="icon-name input-sm" value="bug" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-building" aria-hidden="true"></i> <input class="icon-name input-sm" value="building" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-building-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="building-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bullhorn" aria-hidden="true"></i> <input class="icon-name input-sm" value="bullhorn" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bullseye" aria-hidden="true"></i> <input class="icon-name input-sm" value="bullseye" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bus" aria-hidden="true"></i> <input class="icon-name input-sm" value="bus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cab" aria-hidden="true"></i> <input class="icon-name input-sm" value="cab" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calculator" aria-hidden="true"></i> <input class="icon-name input-sm" value="calculator" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-check-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-check-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-minus-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-minus-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-plus-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-calendar-times-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="calendar-times-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-camera" aria-hidden="true"></i> <input class="icon-name input-sm" value="camera" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-camera-retro" aria-hidden="true"></i> <input class="icon-name input-sm" value="camera-retro" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-car" aria-hidden="true"></i> <input class="icon-name input-sm" value="car" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cart-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="cart-arrow-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cart-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="cart-plus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-certificate" aria-hidden="true"></i> <input class="icon-name input-sm" value="certificate" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check" aria-hidden="true"></i> <input class="icon-name input-sm" value="check" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-child" aria-hidden="true"></i> <input class="icon-name input-sm" value="child" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o-notch" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-thin" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-thin" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="clock-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clone" aria-hidden="true"></i> <input class="icon-name input-sm" value="clone" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-close" aria-hidden="true"></i> <input class="icon-name input-sm" value="close" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud-download" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud-download" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cloud-upload" aria-hidden="true"></i> <input class="icon-name input-sm" value="cloud-upload" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-code" aria-hidden="true"></i> <input class="icon-name input-sm" value="code" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-code-fork" aria-hidden="true"></i> <input class="icon-name input-sm" value="code-fork" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-coffee" aria-hidden="true"></i> <input class="icon-name input-sm" value="coffee" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cog" aria-hidden="true"></i> <input class="icon-name input-sm" value="cog" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cogs" aria-hidden="true"></i> <input class="icon-name input-sm" value="cogs" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comment" aria-hidden="true"></i> <input class="icon-name input-sm" value="comment" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comment-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="comment-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-commenting" aria-hidden="true"></i> <input class="icon-name input-sm" value="commenting" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-commenting-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="commenting-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comments" aria-hidden="true"></i> <input class="icon-name input-sm" value="comments" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-comments-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="comments-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-compass" aria-hidden="true"></i> <input class="icon-name input-sm" value="compass" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-copyright" aria-hidden="true"></i> <input class="icon-name input-sm" value="copyright" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-creative-commons" aria-hidden="true"></i> <input class="icon-name input-sm" value="creative-commons" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-crop" aria-hidden="true"></i> <input class="icon-name input-sm" value="crop" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-crosshairs" aria-hidden="true"></i> <input class="icon-name input-sm" value="crosshairs" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cube" aria-hidden="true"></i> <input class="icon-name input-sm" value="cube" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cubes" aria-hidden="true"></i> <input class="icon-name input-sm" value="cubes" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cutlery" aria-hidden="true"></i> <input class="icon-name input-sm" value="cutlery" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dashboard" aria-hidden="true"></i> <input class="icon-name input-sm" value="dashboard" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-database" aria-hidden="true"></i> <input class="icon-name input-sm" value="database" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="deaf" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deafness" aria-hidden="true"></i> <input class="icon-name input-sm" value="deafness" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-desktop" aria-hidden="true"></i> <input class="icon-name input-sm" value="desktop" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-diamond" aria-hidden="true"></i> <input class="icon-name input-sm" value="diamond" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="dot-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-download" aria-hidden="true"></i> <input class="icon-name input-sm" value="download" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drivers-license" aria-hidden="true"></i> <input class="icon-name input-sm" value="drivers-license" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drivers-license-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="drivers-license-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-edit" aria-hidden="true"></i> <input class="icon-name input-sm" value="edit" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ellipsis-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="ellipsis-h" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ellipsis-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="ellipsis-v" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-open" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-open" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-open-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envelope-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="envelope-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eraser" aria-hidden="true"></i> <input class="icon-name input-sm" value="eraser" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="exchange" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <input class="icon-name input-sm" value="exclamation-triangle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-external-link" aria-hidden="true"></i> <input class="icon-name input-sm" value="external-link" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-external-link-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="external-link-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eye" aria-hidden="true"></i> <input class="icon-name input-sm" value="eye" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eye-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="eye-slash" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eyedropper" aria-hidden="true"></i> <input class="icon-name input-sm" value="eyedropper" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fax" aria-hidden="true"></i> <input class="icon-name input-sm" value="fax" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-feed" aria-hidden="true"></i> <input class="icon-name input-sm" value="feed" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-female" aria-hidden="true"></i> <input class="icon-name input-sm" value="female" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <input class="icon-name input-sm" value="fighter-jet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-archive-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-audio-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-code-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-code-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-excel-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-image-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-image-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-movie-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-pdf-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-photo-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-picture-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-powerpoint-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-sound-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-video-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-video-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-word-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-word-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-zip-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-film" aria-hidden="true"></i> <input class="icon-name input-sm" value="film" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-filter" aria-hidden="true"></i> <input class="icon-name input-sm" value="filter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fire" aria-hidden="true"></i> <input class="icon-name input-sm" value="fire" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fire-extinguisher" aria-hidden="true"></i> <input class="icon-name input-sm" value="fire-extinguisher" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag-checkered" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flag-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="flag-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flash" aria-hidden="true"></i> <input class="icon-name input-sm" value="flash" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flask" aria-hidden="true"></i> <input class="icon-name input-sm" value="flask" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-open" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-open" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-folder-open-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="folder-open-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-frown-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="frown-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-futbol-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="futbol-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gamepad" aria-hidden="true"></i> <input class="icon-name input-sm" value="gamepad" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gavel" aria-hidden="true"></i> <input class="icon-name input-sm" value="gavel" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gear" aria-hidden="true"></i> <input class="icon-name input-sm" value="gear" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gears" aria-hidden="true"></i> <input class="icon-name input-sm" value="gears" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gift" aria-hidden="true"></i> <input class="icon-name input-sm" value="gift" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glass" aria-hidden="true"></i> <input class="icon-name input-sm" value="glass" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-globe" aria-hidden="true"></i> <input class="icon-name input-sm" value="globe" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-graduation-cap" aria-hidden="true"></i> <input class="icon-name input-sm" value="graduation-cap" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-group" aria-hidden="true"></i> <input class="icon-name input-sm" value="group" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-grab-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-lizard-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-paper-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-peace-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-pointer-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-rock-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-scissors-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-spock-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-stop-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-handshake-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="handshake-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <input class="icon-name input-sm" value="hard-of-hearing" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hashtag" aria-hidden="true"></i> <input class="icon-name input-sm" value="hashtag" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hdd-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hdd-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-headphones" aria-hidden="true"></i> <input class="icon-name input-sm" value="headphones" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heartbeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="heartbeat" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-history" aria-hidden="true"></i> <input class="icon-name input-sm" value="history" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-home" aria-hidden="true"></i> <input class="icon-name input-sm" value="home" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hotel" aria-hidden="true"></i> <input class="icon-name input-sm" value="hotel" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-1" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-2" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-3" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-end" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-end" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-half" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hourglass-start" aria-hidden="true"></i> <input class="icon-name input-sm" value="hourglass-start" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-i-cursor" aria-hidden="true"></i> <input class="icon-name input-sm" value="i-cursor" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-badge" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-badge" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-id-card-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="id-card-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-image" aria-hidden="true"></i> <input class="icon-name input-sm" value="image" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-inbox" aria-hidden="true"></i> <input class="icon-name input-sm" value="inbox" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-industry" aria-hidden="true"></i> <input class="icon-name input-sm" value="industry" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-info" aria-hidden="true"></i> <input class="icon-name input-sm" value="info" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-info-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="info-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-institution" aria-hidden="true"></i> <input class="icon-name input-sm" value="institution" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-key" aria-hidden="true"></i> <input class="icon-name input-sm" value="key" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-keyboard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="keyboard-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="language" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-laptop" aria-hidden="true"></i> <input class="icon-name input-sm" value="laptop" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-leaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="leaf" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-legal" aria-hidden="true"></i> <input class="icon-name input-sm" value="legal" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lemon-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="lemon-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-level-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="level-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-level-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="level-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-bouy" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-bouy" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-buoy" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-buoy" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-ring" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-ring" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-life-saver" aria-hidden="true"></i> <input class="icon-name input-sm" value="life-saver" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="lightbulb-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-line-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="line-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-location-arrow" aria-hidden="true"></i> <input class="icon-name input-sm" value="location-arrow" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lock" aria-hidden="true"></i> <input class="icon-name input-sm" value="lock" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-low-vision" aria-hidden="true"></i> <input class="icon-name input-sm" value="low-vision" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-magic" aria-hidden="true"></i> <input class="icon-name input-sm" value="magic" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-magnet" aria-hidden="true"></i> <input class="icon-name input-sm" value="magnet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-forward" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-reply" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-reply" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mail-reply-all" aria-hidden="true"></i> <input class="icon-name input-sm" value="mail-reply-all" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-male" aria-hidden="true"></i> <input class="icon-name input-sm" value="male" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map" aria-hidden="true"></i> <input class="icon-name input-sm" value="map" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-marker" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-marker" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-pin" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-pin" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-map-signs" aria-hidden="true"></i> <input class="icon-name input-sm" value="map-signs" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meh-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="meh-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microchip" aria-hidden="true"></i> <input class="icon-name input-sm" value="microchip" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microphone" aria-hidden="true"></i> <input class="icon-name input-sm" value="microphone" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-microphone-slash" aria-hidden="true"></i> <input class="icon-name input-sm" value="microphone-slash" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="mobile" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mobile-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="mobile-phone" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-money" aria-hidden="true"></i> <input class="icon-name input-sm" value="money" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-moon-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="moon-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mortar-board" aria-hidden="true"></i> <input class="icon-name input-sm" value="mortar-board" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-motorcycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="motorcycle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> <input class="icon-name input-sm" value="mouse-pointer" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-music" aria-hidden="true"></i> <input class="icon-name input-sm" value="music" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-navicon" aria-hidden="true"></i> <input class="icon-name input-sm" value="navicon" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="newspaper-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-object-group" aria-hidden="true"></i> <input class="icon-name input-sm" value="object-group" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-object-ungroup" aria-hidden="true"></i> <input class="icon-name input-sm" value="object-ungroup" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paint-brush" aria-hidden="true"></i> <input class="icon-name input-sm" value="paint-brush" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paper-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="paper-plane" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paper-plane-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="paper-plane-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paw" aria-hidden="true"></i> <input class="icon-name input-sm" value="paw" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pencil-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="pencil-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-percent" aria-hidden="true"></i> <input class="icon-name input-sm" value="percent" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="phone" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-phone-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="phone-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-photo" aria-hidden="true"></i> <input class="icon-name input-sm" value="photo" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="picture-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pie-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="pie-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="plane" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plug" aria-hidden="true"></i> <input class="icon-name input-sm" value="plug" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-podcast" aria-hidden="true"></i> <input class="icon-name input-sm" value="podcast" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-power-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="power-off" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-print" aria-hidden="true"></i> <input class="icon-name input-sm" value="print" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-puzzle-piece" aria-hidden="true"></i> <input class="icon-name input-sm" value="puzzle-piece" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-qrcode" aria-hidden="true"></i> <input class="icon-name input-sm" value="qrcode" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question" aria-hidden="true"></i> <input class="icon-name input-sm" value="question" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quote-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="quote-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quote-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="quote-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-random" aria-hidden="true"></i> <input class="icon-name input-sm" value="random" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-recycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="recycle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-refresh" aria-hidden="true"></i> <input class="icon-name input-sm" value="refresh" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-registered" aria-hidden="true"></i> <input class="icon-name input-sm" value="registered" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-remove" aria-hidden="true"></i> <input class="icon-name input-sm" value="remove" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reorder" aria-hidden="true"></i> <input class="icon-name input-sm" value="reorder" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reply" aria-hidden="true"></i> <input class="icon-name input-sm" value="reply" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reply-all" aria-hidden="true"></i> <input class="icon-name input-sm" value="reply-all" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-retweet" aria-hidden="true"></i> <input class="icon-name input-sm" value="retweet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-road" aria-hidden="true"></i> <input class="icon-name input-sm" value="road" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="rocket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rss" aria-hidden="true"></i> <input class="icon-name input-sm" value="rss" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rss-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="rss-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-s15" aria-hidden="true"></i> <input class="icon-name input-sm" value="s15" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search" aria-hidden="true"></i> <input class="icon-name input-sm" value="search" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search-minus" aria-hidden="true"></i> <input class="icon-name input-sm" value="search-minus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-search-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="search-plus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-send" aria-hidden="true"></i> <input class="icon-name input-sm" value="send" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-send-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="send-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-server" aria-hidden="true"></i> <input class="icon-name input-sm" value="server" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share" aria-hidden="true"></i> <input class="icon-name input-sm" value="share" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shield" aria-hidden="true"></i> <input class="icon-name input-sm" value="shield" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ship" aria-hidden="true"></i> <input class="icon-name input-sm" value="ship" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-bag" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-bag" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-basket" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-basket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <input class="icon-name input-sm" value="shopping-cart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shower" aria-hidden="true"></i> <input class="icon-name input-sm" value="shower" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-in" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-in" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-language" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-out" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-out" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signal" aria-hidden="true"></i> <input class="icon-name input-sm" value="signal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signing" aria-hidden="true"></i> <input class="icon-name input-sm" value="signing" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sitemap" aria-hidden="true"></i> <input class="icon-name input-sm" value="sitemap" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sliders" aria-hidden="true"></i> <input class="icon-name input-sm" value="sliders" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-smile-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="smile-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snowflake-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="snowflake-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-soccer-ball-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="soccer-ball-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-alpha-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-alpha-asc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-alpha-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-alpha-desc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-amount-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-amount-asc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-amount-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-amount-desc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-asc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-desc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-down" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-numeric-asc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-numeric-asc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-numeric-desc" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-numeric-desc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sort-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="sort-up" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <input class="icon-name input-sm" value="space-shuttle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spinner" aria-hidden="true"></i> <input class="icon-name input-sm" value="spinner" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spoon" aria-hidden="true"></i> <input class="icon-name input-sm" value="spoon" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star" aria-hidden="true"></i> <input class="icon-name input-sm" value="star" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-empty" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-full" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-half-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-half-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-star-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="star-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sticky-note" aria-hidden="true"></i> <input class="icon-name input-sm" value="sticky-note" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sticky-note-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="sticky-note-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-street-view" aria-hidden="true"></i> <input class="icon-name input-sm" value="street-view" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-suitcase" aria-hidden="true"></i> <input class="icon-name input-sm" value="suitcase" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sun-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="sun-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-support" aria-hidden="true"></i> <input class="icon-name input-sm" value="support" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tablet" aria-hidden="true"></i> <input class="icon-name input-sm" value="tablet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tachometer" aria-hidden="true"></i> <input class="icon-name input-sm" value="tachometer" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tag" aria-hidden="true"></i> <input class="icon-name input-sm" value="tag" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tags" aria-hidden="true"></i> <input class="icon-name input-sm" value="tags" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tasks" aria-hidden="true"></i> <input class="icon-name input-sm" value="tasks" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-taxi" aria-hidden="true"></i> <input class="icon-name input-sm" value="taxi" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-television" aria-hidden="true"></i> <input class="icon-name input-sm" value="television" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-terminal" aria-hidden="true"></i> <input class="icon-name input-sm" value="terminal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-0" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-0" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-1" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-1" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-2" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-2" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-3" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-3" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-4" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-4" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-empty" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-empty" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-full" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-full" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-half" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-half" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-quarter" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-quarter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i> <input class="icon-name input-sm" value="thermometer-three-quarters" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumb-tack" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumb-tack" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ticket" aria-hidden="true"></i> <input class="icon-name input-sm" value="ticket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times" aria-hidden="true"></i> <input class="icon-name input-sm" value="times" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-rectangle" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-rectangle" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-times-rectangle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="times-rectangle-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tint" aria-hidden="true"></i> <input class="icon-name input-sm" value="tint" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-down" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-left" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-off" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-on" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-on" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-right" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-up" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trademark" aria-hidden="true"></i> <input class="icon-name input-sm" value="trademark" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trash" aria-hidden="true"></i> <input class="icon-name input-sm" value="trash" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trash-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="trash-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tree" aria-hidden="true"></i> <input class="icon-name input-sm" value="tree" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trophy" aria-hidden="true"></i> <input class="icon-name input-sm" value="trophy" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-truck" aria-hidden="true"></i> <input class="icon-name input-sm" value="truck" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tty" aria-hidden="true"></i> <input class="icon-name input-sm" value="tty" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tv" aria-hidden="true"></i> <input class="icon-name input-sm" value="tv" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-umbrella" aria-hidden="true"></i> <input class="icon-name input-sm" value="umbrella" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-universal-access" aria-hidden="true"></i> <input class="icon-name input-sm" value="universal-access" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-university" aria-hidden="true"></i> <input class="icon-name input-sm" value="university" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlock" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlock" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlock-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlock-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unsorted" aria-hidden="true"></i> <input class="icon-name input-sm" value="unsorted" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-upload" aria-hidden="true"></i> <input class="icon-name input-sm" value="upload" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user" aria-hidden="true"></i> <input class="icon-name input-sm" value="user" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-plus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-secret" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-secret" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-times" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-times" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-users" aria-hidden="true"></i> <input class="icon-name input-sm" value="users" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vcard" aria-hidden="true"></i> <input class="icon-name input-sm" value="vcard" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vcard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="vcard-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-video-camera" aria-hidden="true"></i> <input class="icon-name input-sm" value="video-camera" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-control-phone" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-off" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-off" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-warning" aria-hidden="true"></i> <input class="icon-name input-sm" value="warning" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wifi" aria-hidden="true"></i> <input class="icon-name input-sm" value="wifi" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-close" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-close" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-close-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-close-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-maximize" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-maximize" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-minimize" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-minimize" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-window-restore" aria-hidden="true"></i> <input class="icon-name input-sm" value="window-restore" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wrench" aria-hidden="true"></i> <input class="icon-name input-sm" value="wrench" /> </a></div>
    
  </div>

</section>

    <section id="accessibility">
  <h2 class="page-header">Accessibility Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="american-sign-language-interpreting" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-asl-interpreting" aria-hidden="true"></i> <input class="icon-name input-sm" value="asl-interpreting" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-assistive-listening-systems" aria-hidden="true"></i> <input class="icon-name input-sm" value="assistive-listening-systems" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-audio-description" aria-hidden="true"></i> <input class="icon-name input-sm" value="audio-description" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-blind" aria-hidden="true"></i> <input class="icon-name input-sm" value="blind" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-braille" aria-hidden="true"></i> <input class="icon-name input-sm" value="braille" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deaf" aria-hidden="true"></i> <input class="icon-name input-sm" value="deaf" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deafness" aria-hidden="true"></i> <input class="icon-name input-sm" value="deafness" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hard-of-hearing" aria-hidden="true"></i> <input class="icon-name input-sm" value="hard-of-hearing" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-low-vision" aria-hidden="true"></i> <input class="icon-name input-sm" value="low-vision" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-question-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="question-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sign-language" aria-hidden="true"></i> <input class="icon-name input-sm" value="sign-language" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-signing" aria-hidden="true"></i> <input class="icon-name input-sm" value="signing" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tty" aria-hidden="true"></i> <input class="icon-name input-sm" value="tty" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-universal-access" aria-hidden="true"></i> <input class="icon-name input-sm" value="universal-access" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-volume-control-phone" aria-hidden="true"></i> <input class="icon-name input-sm" value="volume-control-phone" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /> </a></div>
    
  </div>

</section>

    <section id="hand">
  <h2 class="page-header">Hand Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-grab-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-grab-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-lizard-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-lizard-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-paper-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-paper-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-peace-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-peace-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-pointer-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-pointer-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-rock-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-scissors-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-scissors-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-spock-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-spock-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-stop-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-stop-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-thumbs-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="thumbs-up" /> </a></div>
    
  </div>

</section>

    <section id="transportation">
  <h2 class="page-header">Transportation Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ambulance" aria-hidden="true"></i> <input class="icon-name input-sm" value="ambulance" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-automobile" aria-hidden="true"></i> <input class="icon-name input-sm" value="automobile" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bicycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="bicycle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bus" aria-hidden="true"></i> <input class="icon-name input-sm" value="bus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cab" aria-hidden="true"></i> <input class="icon-name input-sm" value="cab" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-car" aria-hidden="true"></i> <input class="icon-name input-sm" value="car" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fighter-jet" aria-hidden="true"></i> <input class="icon-name input-sm" value="fighter-jet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-motorcycle" aria-hidden="true"></i> <input class="icon-name input-sm" value="motorcycle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plane" aria-hidden="true"></i> <input class="icon-name input-sm" value="plane" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="rocket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ship" aria-hidden="true"></i> <input class="icon-name input-sm" value="ship" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-space-shuttle" aria-hidden="true"></i> <input class="icon-name input-sm" value="space-shuttle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-subway" aria-hidden="true"></i> <input class="icon-name input-sm" value="subway" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-taxi" aria-hidden="true"></i> <input class="icon-name input-sm" value="taxi" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-train" aria-hidden="true"></i> <input class="icon-name input-sm" value="train" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-truck" aria-hidden="true"></i> <input class="icon-name input-sm" value="truck" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /> </a></div>
    
  </div>

</section>

    <section id="gender">
  <h2 class="page-header">Gender Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-genderless" aria-hidden="true"></i> <input class="icon-name input-sm" value="genderless" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-intersex" aria-hidden="true"></i> <input class="icon-name input-sm" value="intersex" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-double" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-double" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke-h" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mars-stroke-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="mars-stroke-v" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mercury" aria-hidden="true"></i> <input class="icon-name input-sm" value="mercury" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-neuter" aria-hidden="true"></i> <input class="icon-name input-sm" value="neuter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-transgender" aria-hidden="true"></i> <input class="icon-name input-sm" value="transgender" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-transgender-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="transgender-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus-double" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus-double" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-venus-mars" aria-hidden="true"></i> <input class="icon-name input-sm" value="venus-mars" /> </a></div>
    
  </div>

</section>

    <section id="file-type">
  <h2 class="page-header">File Type Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file" aria-hidden="true"></i> <input class="icon-name input-sm" value="file" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-archive-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-archive-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-audio-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-audio-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-code-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-code-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-excel-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-excel-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-image-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-image-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-movie-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-movie-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-pdf-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-pdf-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-photo-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-photo-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-picture-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-picture-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-powerpoint-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-powerpoint-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-sound-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-sound-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-video-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-video-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-word-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-word-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-zip-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-zip-o" />(alias) </a></div>
    
  </div>

</section>

    <section id="spinner">
  <h2 class="page-header">Spinner Icons</h2>

  <div class="alert alert-success">
    <ul class="fa-ul">
      <li>
        <i class="fa fa-info-circle fa-lg fa-li" aria-hidden="true"></i>
        <strong class="sr-only">Note:</strong>
        These icons work great with the <code>fa-spin</code> class. Check out the
        <a href="../examples/#animated" class="alert-link">spinning icons example</a>.
      </li>
    </ul>
  </div>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o-notch" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o-notch" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cog" aria-hidden="true"></i> <input class="icon-name input-sm" value="cog" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gear" aria-hidden="true"></i> <input class="icon-name input-sm" value="gear" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-refresh" aria-hidden="true"></i> <input class="icon-name input-sm" value="refresh" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spinner" aria-hidden="true"></i> <input class="icon-name input-sm" value="spinner" /> </a></div>
    
  </div>
</section>

    <section id="form-control">
  <h2 class="page-header">Form Control Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-check-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="check-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="dot-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-minus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="minus-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-square-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="square-o" /> </a></div>
    
  </div>
</section>

    <section id="payment">
  <h2 class="page-header">Payment Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-amex" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-amex" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-diners-club" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-discover" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-discover" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-jcb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-mastercard" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-paypal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-stripe" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-visa" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-visa" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-credit-card-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="credit-card-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-wallet" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-wallet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="paypal" /> </a></div>
    
  </div>

</section>

    <section id="chart">
  <h2 class="page-header">Chart Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-area-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="area-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bar-chart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="bar-chart-o" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-line-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="line-chart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pie-chart" aria-hidden="true"></i> <input class="icon-name input-sm" value="pie-chart" /> </a></div>
    
  </div>

</section>

    <section id="currency">
  <h2 class="page-header">Currency Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitcoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitcoin" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-btc" aria-hidden="true"></i> <input class="icon-name input-sm" value="btc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cny" aria-hidden="true"></i> <input class="icon-name input-sm" value="cny" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dollar" aria-hidden="true"></i> <input class="icon-name input-sm" value="dollar" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eur" aria-hidden="true"></i> <input class="icon-name input-sm" value="eur" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-euro" aria-hidden="true"></i> <input class="icon-name input-sm" value="euro" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gbp" aria-hidden="true"></i> <input class="icon-name input-sm" value="gbp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ils" aria-hidden="true"></i> <input class="icon-name input-sm" value="ils" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-inr" aria-hidden="true"></i> <input class="icon-name input-sm" value="inr" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-jpy" aria-hidden="true"></i> <input class="icon-name input-sm" value="jpy" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-krw" aria-hidden="true"></i> <input class="icon-name input-sm" value="krw" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-money" aria-hidden="true"></i> <input class="icon-name input-sm" value="money" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rmb" aria-hidden="true"></i> <input class="icon-name input-sm" value="rmb" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rouble" aria-hidden="true"></i> <input class="icon-name input-sm" value="rouble" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rub" aria-hidden="true"></i> <input class="icon-name input-sm" value="rub" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ruble" aria-hidden="true"></i> <input class="icon-name input-sm" value="ruble" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rupee" aria-hidden="true"></i> <input class="icon-name input-sm" value="rupee" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shekel" aria-hidden="true"></i> <input class="icon-name input-sm" value="shekel" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sheqel" aria-hidden="true"></i> <input class="icon-name input-sm" value="sheqel" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-try" aria-hidden="true"></i> <input class="icon-name input-sm" value="try" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-turkish-lira" aria-hidden="true"></i> <input class="icon-name input-sm" value="turkish-lira" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-usd" aria-hidden="true"></i> <input class="icon-name input-sm" value="usd" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-won" aria-hidden="true"></i> <input class="icon-name input-sm" value="won" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yen" aria-hidden="true"></i> <input class="icon-name input-sm" value="yen" />(alias) </a></div>
    
  </div>

</section>

    <section id="text-editor">
  <h2 class="page-header">Text Editor Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-center" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-center" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-justify" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-justify" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-align-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="align-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bold" aria-hidden="true"></i> <input class="icon-name input-sm" value="bold" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chain" aria-hidden="true"></i> <input class="icon-name input-sm" value="chain" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chain-broken" aria-hidden="true"></i> <input class="icon-name input-sm" value="chain-broken" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-clipboard" aria-hidden="true"></i> <input class="icon-name input-sm" value="clipboard" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-columns" aria-hidden="true"></i> <input class="icon-name input-sm" value="columns" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-copy" aria-hidden="true"></i> <input class="icon-name input-sm" value="copy" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cut" aria-hidden="true"></i> <input class="icon-name input-sm" value="cut" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dedent" aria-hidden="true"></i> <input class="icon-name input-sm" value="dedent" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eraser" aria-hidden="true"></i> <input class="icon-name input-sm" value="eraser" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file" aria-hidden="true"></i> <input class="icon-name input-sm" value="file" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-file-text-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="file-text-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-files-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="files-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-floppy-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="floppy-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-font" aria-hidden="true"></i> <input class="icon-name input-sm" value="font" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-header" aria-hidden="true"></i> <input class="icon-name input-sm" value="header" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-indent" aria-hidden="true"></i> <input class="icon-name input-sm" value="indent" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-italic" aria-hidden="true"></i> <input class="icon-name input-sm" value="italic" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-link" aria-hidden="true"></i> <input class="icon-name input-sm" value="link" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list" aria-hidden="true"></i> <input class="icon-name input-sm" value="list" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-ol" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-ol" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-list-ul" aria-hidden="true"></i> <input class="icon-name input-sm" value="list-ul" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-outdent" aria-hidden="true"></i> <input class="icon-name input-sm" value="outdent" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paperclip" aria-hidden="true"></i> <input class="icon-name input-sm" value="paperclip" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paragraph" aria-hidden="true"></i> <input class="icon-name input-sm" value="paragraph" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paste" aria-hidden="true"></i> <input class="icon-name input-sm" value="paste" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-repeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="repeat" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rotate-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="rotate-left" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rotate-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="rotate-right" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-save" aria-hidden="true"></i> <input class="icon-name input-sm" value="save" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-scissors" aria-hidden="true"></i> <input class="icon-name input-sm" value="scissors" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-strikethrough" aria-hidden="true"></i> <input class="icon-name input-sm" value="strikethrough" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-subscript" aria-hidden="true"></i> <input class="icon-name input-sm" value="subscript" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-superscript" aria-hidden="true"></i> <input class="icon-name input-sm" value="superscript" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-table" aria-hidden="true"></i> <input class="icon-name input-sm" value="table" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-text-height" aria-hidden="true"></i> <input class="icon-name input-sm" value="text-height" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-text-width" aria-hidden="true"></i> <input class="icon-name input-sm" value="text-width" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th" aria-hidden="true"></i> <input class="icon-name input-sm" value="th" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th-large" aria-hidden="true"></i> <input class="icon-name input-sm" value="th-large" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-th-list" aria-hidden="true"></i> <input class="icon-name input-sm" value="th-list" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-underline" aria-hidden="true"></i> <input class="icon-name input-sm" value="underline" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-undo" aria-hidden="true"></i> <input class="icon-name input-sm" value="undo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-unlink" aria-hidden="true"></i> <input class="icon-name input-sm" value="unlink" />(alias) </a></div>
    
  </div>

</section>

    <section id="directional">
  <h2 class="page-header">Directional Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-double-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-double-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="angle-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-circle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-circle-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrow-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrow-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-h" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-h" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-v" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-v" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-square-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-square-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-caret-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="caret-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-circle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-circle-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chevron-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="chevron-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="exchange" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hand-o-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="hand-o-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-down" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-left" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-right" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-long-arrow-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="long-arrow-up" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-down" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-down" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-left" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-left" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-right" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-right" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-toggle-up" aria-hidden="true"></i> <input class="icon-name input-sm" value="toggle-up" />(alias) </a></div>
    
  </div>

</section>

    <section id="video-player">
  <h2 class="page-header">Video Player Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-arrows-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="arrows-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="backward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-compress" aria-hidden="true"></i> <input class="icon-name input-sm" value="compress" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eject" aria-hidden="true"></i> <input class="icon-name input-sm" value="eject" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-expand" aria-hidden="true"></i> <input class="icon-name input-sm" value="expand" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fast-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="fast-backward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fast-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="fast-forward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="forward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pause-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="pause-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="play" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="play-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-play-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="play-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-random" aria-hidden="true"></i> <input class="icon-name input-sm" value="random" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-step-backward" aria-hidden="true"></i> <input class="icon-name input-sm" value="step-backward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-step-forward" aria-hidden="true"></i> <input class="icon-name input-sm" value="step-forward" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stop-circle-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="stop-circle-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-play" /> </a></div>
    
  </div>

</section>

    <section id="brand">
  <h2 class="page-header">Brand Icons</h2>

  <div class="row fontawesome-icon-list margin-bottom-lg">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-500px" aria-hidden="true"></i> <input class="icon-name input-sm" value="500px" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-adn" aria-hidden="true"></i> <input class="icon-name input-sm" value="adn" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-amazon" aria-hidden="true"></i> <input class="icon-name input-sm" value="amazon" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-android" aria-hidden="true"></i> <input class="icon-name input-sm" value="android" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-angellist" aria-hidden="true"></i> <input class="icon-name input-sm" value="angellist" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-apple" aria-hidden="true"></i> <input class="icon-name input-sm" value="apple" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bandcamp" aria-hidden="true"></i> <input class="icon-name input-sm" value="bandcamp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-behance" aria-hidden="true"></i> <input class="icon-name input-sm" value="behance" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-behance-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="behance-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitbucket" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitbucket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitbucket-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitbucket-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bitcoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="bitcoin" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-black-tie" aria-hidden="true"></i> <input class="icon-name input-sm" value="black-tie" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-bluetooth-b" aria-hidden="true"></i> <input class="icon-name input-sm" value="bluetooth-b" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-btc" aria-hidden="true"></i> <input class="icon-name input-sm" value="btc" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-buysellads" aria-hidden="true"></i> <input class="icon-name input-sm" value="buysellads" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-amex" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-amex" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-diners-club" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-diners-club" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-discover" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-discover" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-jcb" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-jcb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-mastercard" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-mastercard" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-paypal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-stripe" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-stripe" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-cc-visa" aria-hidden="true"></i> <input class="icon-name input-sm" value="cc-visa" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-chrome" aria-hidden="true"></i> <input class="icon-name input-sm" value="chrome" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-codepen" aria-hidden="true"></i> <input class="icon-name input-sm" value="codepen" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-codiepie" aria-hidden="true"></i> <input class="icon-name input-sm" value="codiepie" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-connectdevelop" aria-hidden="true"></i> <input class="icon-name input-sm" value="connectdevelop" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-contao" aria-hidden="true"></i> <input class="icon-name input-sm" value="contao" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-css3" aria-hidden="true"></i> <input class="icon-name input-sm" value="css3" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dashcube" aria-hidden="true"></i> <input class="icon-name input-sm" value="dashcube" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-delicious" aria-hidden="true"></i> <input class="icon-name input-sm" value="delicious" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-deviantart" aria-hidden="true"></i> <input class="icon-name input-sm" value="deviantart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-digg" aria-hidden="true"></i> <input class="icon-name input-sm" value="digg" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dribbble" aria-hidden="true"></i> <input class="icon-name input-sm" value="dribbble" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-dropbox" aria-hidden="true"></i> <input class="icon-name input-sm" value="dropbox" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-drupal" aria-hidden="true"></i> <input class="icon-name input-sm" value="drupal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-edge" aria-hidden="true"></i> <input class="icon-name input-sm" value="edge" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-eercast" aria-hidden="true"></i> <input class="icon-name input-sm" value="eercast" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-empire" aria-hidden="true"></i> <input class="icon-name input-sm" value="empire" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-envira" aria-hidden="true"></i> <input class="icon-name input-sm" value="envira" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-etsy" aria-hidden="true"></i> <input class="icon-name input-sm" value="etsy" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-expeditedssl" aria-hidden="true"></i> <input class="icon-name input-sm" value="expeditedssl" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fa" aria-hidden="true"></i> <input class="icon-name input-sm" value="fa" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-f" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-f" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-official" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-official" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-facebook-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="facebook-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-firefox" aria-hidden="true"></i> <input class="icon-name input-sm" value="firefox" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-first-order" aria-hidden="true"></i> <input class="icon-name input-sm" value="first-order" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-flickr" aria-hidden="true"></i> <input class="icon-name input-sm" value="flickr" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-font-awesome" aria-hidden="true"></i> <input class="icon-name input-sm" value="font-awesome" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fonticons" aria-hidden="true"></i> <input class="icon-name input-sm" value="fonticons" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-fort-awesome" aria-hidden="true"></i> <input class="icon-name input-sm" value="fort-awesome" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-forumbee" aria-hidden="true"></i> <input class="icon-name input-sm" value="forumbee" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-foursquare" aria-hidden="true"></i> <input class="icon-name input-sm" value="foursquare" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-free-code-camp" aria-hidden="true"></i> <input class="icon-name input-sm" value="free-code-camp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ge" aria-hidden="true"></i> <input class="icon-name input-sm" value="ge" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-get-pocket" aria-hidden="true"></i> <input class="icon-name input-sm" value="get-pocket" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gg-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="gg-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-git" aria-hidden="true"></i> <input class="icon-name input-sm" value="git" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-git-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="git-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github" aria-hidden="true"></i> <input class="icon-name input-sm" value="github" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="github-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-github-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="github-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gitlab" aria-hidden="true"></i> <input class="icon-name input-sm" value="gitlab" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gittip" aria-hidden="true"></i> <input class="icon-name input-sm" value="gittip" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-glide-g" aria-hidden="true"></i> <input class="icon-name input-sm" value="glide-g" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google" aria-hidden="true"></i> <input class="icon-name input-sm" value="google" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-circle" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-official" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-official" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-plus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-google-wallet" aria-hidden="true"></i> <input class="icon-name input-sm" value="google-wallet" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-gratipay" aria-hidden="true"></i> <input class="icon-name input-sm" value="gratipay" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-grav" aria-hidden="true"></i> <input class="icon-name input-sm" value="grav" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hacker-news" aria-hidden="true"></i> <input class="icon-name input-sm" value="hacker-news" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-houzz" aria-hidden="true"></i> <input class="icon-name input-sm" value="houzz" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-html5" aria-hidden="true"></i> <input class="icon-name input-sm" value="html5" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-imdb" aria-hidden="true"></i> <input class="icon-name input-sm" value="imdb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i> <input class="icon-name input-sm" value="instagram" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-internet-explorer" aria-hidden="true"></i> <input class="icon-name input-sm" value="internet-explorer" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ioxhost" aria-hidden="true"></i> <input class="icon-name input-sm" value="ioxhost" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-joomla" aria-hidden="true"></i> <input class="icon-name input-sm" value="joomla" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-jsfiddle" aria-hidden="true"></i> <input class="icon-name input-sm" value="jsfiddle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lastfm" aria-hidden="true"></i> <input class="icon-name input-sm" value="lastfm" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-lastfm-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="lastfm-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-leanpub" aria-hidden="true"></i> <input class="icon-name input-sm" value="leanpub" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linkedin" aria-hidden="true"></i> <input class="icon-name input-sm" value="linkedin" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linkedin-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="linkedin-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linode" aria-hidden="true"></i> <input class="icon-name input-sm" value="linode" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-linux" aria-hidden="true"></i> <input class="icon-name input-sm" value="linux" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-maxcdn" aria-hidden="true"></i> <input class="icon-name input-sm" value="maxcdn" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meanpath" aria-hidden="true"></i> <input class="icon-name input-sm" value="meanpath" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-medium" aria-hidden="true"></i> <input class="icon-name input-sm" value="medium" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-meetup" aria-hidden="true"></i> <input class="icon-name input-sm" value="meetup" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-mixcloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="mixcloud" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-modx" aria-hidden="true"></i> <input class="icon-name input-sm" value="modx" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-odnoklassniki" aria-hidden="true"></i> <input class="icon-name input-sm" value="odnoklassniki" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-odnoklassniki-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="odnoklassniki-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-opencart" aria-hidden="true"></i> <input class="icon-name input-sm" value="opencart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-openid" aria-hidden="true"></i> <input class="icon-name input-sm" value="openid" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-opera" aria-hidden="true"></i> <input class="icon-name input-sm" value="opera" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-optin-monster" aria-hidden="true"></i> <input class="icon-name input-sm" value="optin-monster" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pagelines" aria-hidden="true"></i> <input class="icon-name input-sm" value="pagelines" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-paypal" aria-hidden="true"></i> <input class="icon-name input-sm" value="paypal" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pied-piper-pp" aria-hidden="true"></i> <input class="icon-name input-sm" value="pied-piper-pp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest-p" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest-p" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-pinterest-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="pinterest-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-product-hunt" aria-hidden="true"></i> <input class="icon-name input-sm" value="product-hunt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-qq" aria-hidden="true"></i> <input class="icon-name input-sm" value="qq" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-quora" aria-hidden="true"></i> <input class="icon-name input-sm" value="quora" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ra" aria-hidden="true"></i> <input class="icon-name input-sm" value="ra" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ravelry" aria-hidden="true"></i> <input class="icon-name input-sm" value="ravelry" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-rebel" aria-hidden="true"></i> <input class="icon-name input-sm" value="rebel" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit-alien" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit-alien" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-reddit-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="reddit-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-renren" aria-hidden="true"></i> <input class="icon-name input-sm" value="renren" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-resistance" aria-hidden="true"></i> <input class="icon-name input-sm" value="resistance" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-safari" aria-hidden="true"></i> <input class="icon-name input-sm" value="safari" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-scribd" aria-hidden="true"></i> <input class="icon-name input-sm" value="scribd" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-sellsy" aria-hidden="true"></i> <input class="icon-name input-sm" value="sellsy" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-share-alt-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="share-alt-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-shirtsinbulk" aria-hidden="true"></i> <input class="icon-name input-sm" value="shirtsinbulk" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-simplybuilt" aria-hidden="true"></i> <input class="icon-name input-sm" value="simplybuilt" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-skyatlas" aria-hidden="true"></i> <input class="icon-name input-sm" value="skyatlas" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-skype" aria-hidden="true"></i> <input class="icon-name input-sm" value="skype" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-slack" aria-hidden="true"></i> <input class="icon-name input-sm" value="slack" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-slideshare" aria-hidden="true"></i> <input class="icon-name input-sm" value="slideshare" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-ghost" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-ghost" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-snapchat-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="snapchat-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-soundcloud" aria-hidden="true"></i> <input class="icon-name input-sm" value="soundcloud" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-spotify" aria-hidden="true"></i> <input class="icon-name input-sm" value="spotify" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stack-exchange" aria-hidden="true"></i> <input class="icon-name input-sm" value="stack-exchange" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stack-overflow" aria-hidden="true"></i> <input class="icon-name input-sm" value="stack-overflow" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-steam" aria-hidden="true"></i> <input class="icon-name input-sm" value="steam" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-steam-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="steam-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stumbleupon" aria-hidden="true"></i> <input class="icon-name input-sm" value="stumbleupon" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stumbleupon-circle" aria-hidden="true"></i> <input class="icon-name input-sm" value="stumbleupon-circle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-superpowers" aria-hidden="true"></i> <input class="icon-name input-sm" value="superpowers" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-telegram" aria-hidden="true"></i> <input class="icon-name input-sm" value="telegram" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tencent-weibo" aria-hidden="true"></i> <input class="icon-name input-sm" value="tencent-weibo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-themeisle" aria-hidden="true"></i> <input class="icon-name input-sm" value="themeisle" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-trello" aria-hidden="true"></i> <input class="icon-name input-sm" value="trello" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tripadvisor" aria-hidden="true"></i> <input class="icon-name input-sm" value="tripadvisor" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tumblr" aria-hidden="true"></i> <input class="icon-name input-sm" value="tumblr" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-tumblr-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="tumblr-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitch" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitch" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitter" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitter" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-twitter-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="twitter-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-usb" aria-hidden="true"></i> <input class="icon-name input-sm" value="usb" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viacoin" aria-hidden="true"></i> <input class="icon-name input-sm" value="viacoin" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-viadeo-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="viadeo-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vimeo" aria-hidden="true"></i> <input class="icon-name input-sm" value="vimeo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vimeo-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="vimeo-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vine" aria-hidden="true"></i> <input class="icon-name input-sm" value="vine" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-vk" aria-hidden="true"></i> <input class="icon-name input-sm" value="vk" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wechat" aria-hidden="true"></i> <input class="icon-name input-sm" value="wechat" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-weibo" aria-hidden="true"></i> <input class="icon-name input-sm" value="weibo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-weixin" aria-hidden="true"></i> <input class="icon-name input-sm" value="weixin" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-whatsapp" aria-hidden="true"></i> <input class="icon-name input-sm" value="whatsapp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> <input class="icon-name input-sm" value="wikipedia-w" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-windows" aria-hidden="true"></i> <input class="icon-name input-sm" value="windows" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wordpress" aria-hidden="true"></i> <input class="icon-name input-sm" value="wordpress" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpbeginner" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpbeginner" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpexplorer" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpexplorer" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wpforms" aria-hidden="true"></i> <input class="icon-name input-sm" value="wpforms" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-xing" aria-hidden="true"></i> <input class="icon-name input-sm" value="xing" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-xing-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="xing-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-y-combinator" aria-hidden="true"></i> <input class="icon-name input-sm" value="y-combinator" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-y-combinator-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="y-combinator-square" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yahoo" aria-hidden="true"></i> <input class="icon-name input-sm" value="yahoo" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yc" aria-hidden="true"></i> <input class="icon-name input-sm" value="yc" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yc-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="yc-square" />(alias) </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yelp" aria-hidden="true"></i> <input class="icon-name input-sm" value="yelp" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-yoast" aria-hidden="true"></i> <input class="icon-name input-sm" value="yoast" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-play" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-play" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-youtube-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="youtube-square" /> </a></div>
    
  </div>

</section>

    <section id="medical">
  <h2 class="page-header">Medical Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ambulance" aria-hidden="true"></i> <input class="icon-name input-sm" value="ambulance" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-h-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="h-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heartbeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="heartbeat" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hospital-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hospital-o" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-medkit" aria-hidden="true"></i> <input class="icon-name input-sm" value="medkit" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stethoscope" aria-hidden="true"></i> <input class="icon-name input-sm" value="stethoscope" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-md" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-md" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /> </a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair-alt" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair-alt" /> </a></div>
    
  </div>

</section>

  </div>
  
</section>

    <section id="medical">
  <h2 class="page-header">Medical Icons</h2>

  <div class="row fontawesome-icon-list">
    

    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-ambulance" aria-hidden="true"></i> <input class="icon-name input-sm" value="ambulance" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-h-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="h-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heart-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="heart-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-heartbeat" aria-hidden="true"></i> <input class="icon-name input-sm" value="heartbeat" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-hospital-o" aria-hidden="true"></i> <input class="icon-name input-sm" value="hospital-o" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-medkit" aria-hidden="true"></i> <input class="icon-name input-sm" value="medkit" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-plus-square" aria-hidden="true"></i> <input class="icon-name input-sm" value="plus-square" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-stethoscope" aria-hidden="true"></i> <input class="icon-name input-sm" value="stethoscope" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-user-md" aria-hidden="true"></i> <input class="icon-name input-sm" value="user-md" /></a></div>
    
      <div class="fa-hover col-md-3 col-sm-4"><a href="javascript:void(0)"><i class="fa fa-wheelchair" aria-hidden="true"></i> <input class="icon-name input-sm" value="wheelchair" /></a></div>
    
  </div>

</section>

  </div>

								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div>
			</div><!-- /.main-content -->

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">Ace</span>
							Application &copy; 2013-2014
						</span>

						&nbsp; &nbsp;
						<span class="action-buttons">
							<a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
							</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script src="../components/jquery/dist/jquery.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="../components/jquery.1x/dist/jquery.js"></script>
<![endif]-->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='../components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>"+"<"+"/script>");
		</script>
		<script src="../components/bootstrap/dist/js/bootstrap.js"></script>

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
		<script src="../assets/js/src/elements.scroller.js"></script>
		<script src="../assets/js/src/elements.colorpicker.js"></script>
		<script src="../assets/js/src/elements.fileinput.js"></script>
		<script src="../assets/js/src/elements.typeahead.js"></script>
		<script src="../assets/js/src/elements.wysiwyg.js"></script>
		<script src="../assets/js/src/elements.spinner.js"></script>
		<script src="../assets/js/src/elements.treeview.js"></script>
		<script src="../assets/js/src/elements.wizard.js"></script>
		<script src="../assets/js/src/elements.aside.js"></script>
		<script src="../assets/js/src/ace.js"></script>
		<script src="../assets/js/src/ace.basics.js"></script>
		<script src="../assets/js/src/ace.scrolltop.js"></script>
		<script src="../assets/js/src/ace.ajax-content.js"></script>
		<script src="../assets/js/src/ace.touch-drag.js"></script>
		<script src="../assets/js/src/ace.sidebar.js"></script>
		<script src="../assets/js/src/ace.sidebar-scroll-1.js"></script>
		<script src="../assets/js/src/ace.submenu-hover.js"></script>
		<script src="../assets/js/src/ace.widget-box.js"></script>
		<script src="../assets/js/src/ace.settings.js"></script>
		<script src="../assets/js/src/ace.settings-rtl.js"></script>
		<script src="../assets/js/src/ace.settings-skin.js"></script>
		<script src="../assets/js/src/ace.widget-on-reload.js"></script>
		<script src="../assets/js/src/ace.searchbox-autocomplete.js"></script>

		<!-- inline scripts related to this page -->

		<!-- the following scripts are used in demo only for onpage help and you don't need them -->
		<link rel="stylesheet" href="../assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="../docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="../assets/js/src/elements.onpage-help.js"></script>
		<script src="../assets/js/src/ace.onpage-help.js"></script>
		<script src="../docs/assets/js/rainbow.js"></script>
		<script src="../docs/assets/js/language/generic.js"></script>
		<script src="../docs/assets/js/language/html.js"></script>
		<script src="../docs/assets/js/language/css.js"></script>
		<script src="../docs/assets/js/language/javascript.js"></script>
	</body>
</html>
